﻿<!DOCTYPE html>
<head>
    <title>Glouk under development</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="shortcut icon" href="img/favicon.png" />
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:200,200italic,400,400italic,600,600italic,700,700italic,800,800italic&amp;subset=latin,latin-ext" rel="stylesheet" type="text/css" />
    <!-- Bootstrap -->
    <link href="/Style/App/css/bootstrap.css" rel="stylesheet" type="text/css">
    <link href="/Style/App/css/bootstrap-responsive.css" rel="stylesheet">
    <link href="/Style/App/css/icon-tips.css" rel="stylesheet" media="screen" />
    <link href="/Style/App/css/layout.css" rel="stylesheet" media="screen" />
    <link href="/Style/App/css/tooltipster.css" rel="stylesheet" type="text/css" />

    <script src="http://code.jquery.com/jquery-1.9.1.js" type="text/javascript"></script>
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js" type="text/javascript"></script>
    <script src="/js/jquery/js/jquery.blockUI.js" type="text/javascript"></script>
    <script src="/js/jquery/js/jquery.oauthpopup.js" type="text/javascript"></script>
    <script src="/js/jquery/js/jquery.dd.js" type="text/javascript"></script>
    <script src="/js/jquery/js/jquery.maskedinput.js" type="text/javascript"></script>
    <script src="/js/jquery/js/chosen.jquery.js" type="text/javascript"></script>
    <script src="/js/Lib.js" type="text/javascript"></script>
    <script src="/js/App/waypoints.min.js" type="text/javascript"></script>
    <script src="/js/App/script.js" type="text/javascript"></script>

    <script type="text/javascript" src="/js/jquery/js/jquery.tooltipster.min.js"></script>
    <script>
        $(document).ready(function () {
            $('.tooltip').tooltipster({
                position: 'bottom'
            });

        });
    </script>

</head>
<body>

    <div>
    </div>

    <div class="navbar first ">
        <div class="navbar-inner">
            <a class="brand" href="/app" title="Glouck"></a>
            <span class="slogan">Social SEO & Twitter CRM</span>
            <input type="submit" name="BtnViewAlert" value="0" id="BtnViewAlertZero" class="notify-prova" />
            <input type="submit" name="BtnViewAlert" value="10" id="BtnViewAlert" class="notify" />
            <a href="#" class="user male pull-right">Filippo<br />
                Dinanno</a>


        </div>
    </div>

    <div class="navbar scroll hide navbar-fixed-top">
        <div id="UpPBarScroll" class="navbar-inner">


            <a class="dashboard link_to" href="#DASHBOARD">Dashboard</a>
            <div class="report-social">
                <p>@gabbariele, Gabriele Carboni </p>

            </div>
            <a href="#" class="user male pull-right">Filippo<br />
                Dinanno</a>

        </div>
    </div>



    <div class="navbar second">

        <div class="navbar-inner">
            <a class="dashboard  link_to" href="#DASHBOARD">Dashboard</a>

          
            <div id="statistiche">
                <div align="center" id="DdlAccount_msdd" class="dd ddcommon borderRadius" style="width: 250px; margin-bottom: 10px;" tabindex="0">
                    <div class="ddTitle borderRadiusTp">
                        <span class="divider"></span>
                        <span class="arrow arrowoff"></span>
                        <span id="DdlAccount_title" class="ddTitleText ">
                            <img class="fnone" src="http://pbs.twimg.com/profile_images/2351489106/wianepevgg3qnwzsno3p_normal.jpeg">
                            <span class="ddlabel">Gabriele Carboni</span>
                            <span class="description" style="display: none;"></span>
                        </span>
                    </div>
                    <input id="DdlAccount_titleText" class="text shadow borderRadius" type="text" autocomplete="off" style="display: none;">
                    <div id="DdlAccount_child" class="ddChild ddchild_ border shadow" style="z-index: 1; position: absolute; top: 58px; display: none;">
                        <ul>
                            <li class="enabled _msddli_ selected">
                                <img class="fnone" src="http://pbs.twimg.com/profile_images/2351489106/wianepevgg3qnwzsno3p_normal.jpeg">
                                <span class="ddlabel">Gabriele Carboni</span>
                                <div class="clear"></div>
                            </li>
                        </ul>
                    </div>
                </div>
                
				<table class="sel-ut">
                    <tr>
                        <td>
                            <div class="sel-num">41.132</div>
                            <div class="sel-txt">TWEET</div>
                        </td>
                        <td>
                            <div class="sel-num">41.132</div>
                            <div class="sel-txt">FOLLOWING</div>
                        </td>
                        <td>
                            <div class="sel-num">41.132</div>
                            <div class="sel-txt">FOLLOWER</div>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
    </div>

    <div class="avvisi" align="center">
        <div class="cont-avvisi" align="center">
            <a class="avvisi-h" href="#">Questo è un div in più per eventuali messaggi di sistema. Sposta tutto più sotto</a>
        </div>
    </div>



<!-- Content Container -->
	<div class="container">

		<!-- box 1 -->
		<div class="row-fluid">
			<!-- box options -->
			<div class="cat-fol-start">
				<!-- titolo -->
				<div class="top-bar-cat-fol">
                <div class="top-bar-title">follower categorization wizard</div>
                	<div>
            			<a href="#" class="a-icona7-bianca tooltip" title="Nel titolo il testo toltip"></a>
            		</div>

				<!-- fine titolo -->
				<!-- contenuti -->
                <div class="cat-fol-start-tec-text">
                    choose one or more pre-set categories
                </div>                
                <div class="cat-fol-start-tec-title">
                    Technology
                </div>
                <div class="cat-fol-start-tec">
					<ul class="cat-fol-start-list">
						<li>
							<a class="bottone-start-list" href="#">Social Media</a>
						</li>
						<li>
							<a class="bottone-start-list-active" href="#">Marketing</a>
						</li>
						<li>
							<a class="bottone-start-list" href="#">Web
                            <acronym>
                            	<div class="acronym-image-top"></div>
                            	<div>website</div>
                            	<div>website</div>
                            	<div>website</div> 
                                <div>website</div>
                                <div>website</div>
                                <div>website</div>
                            </acronym>
                            </a>
						</li>
                        <li>
							<a class="bottone-start-list" href="#">Web Design</a>
						</li>
					</ul>
                    </div>
                <div class="cat-fol-start-tec-title">
                    Business
                </div>
                <div class="cat-fol-start-tec">
					<ul class="cat-fol-start-list">
						<li>
							<a class="bottone-start-list" href="#">Social Media</a>
						</li>
						<li>
							<a class="bottone-start-list-active" href="#">Marketing</a>
						</li>
						<li>
							<a class="bottone-start-list" href="#">Web
                            <acronym>
                            	<div class="acronym-image-top"></div>
                            	<div>website</div>
                            	<div>website</div>
                            	<div>website</div> 
                                <div>website</div>
                                <div>website</div>
                                <div>website</div>
                            </acronym>
                            </a>
						</li>
                        <li>
							<a class="bottone-start-list" href="#">
                            	Web Design
                            </a>
						</li>
						<li>
							<a class="bottone-start-list" href="#">Social Media</a>
						</li>
						<li>
							<a class="bottone-start-list-active" href="#">Marketing</a>
						</li>
						<li>
							<a class="bottone-start-list" href="#">Web
                            <acronym>
                            	<div class="acronym-image-top"></div>
                            	<div>website</div>
                            	<div>website</div>
                            	<div>website</div> 
                                <div>website</div>
                                <div>website</div>
                                <div>website</div>
                            </acronym>
                            </a>
						</li>
                        <li>
							<a class="bottone-start-list" href="#">Web Design</a>
						</li>
						<li>
							<a class="bottone-start-list" href="#">Social Media</a>
						</li>
						<li>
							<a class="bottone-start-list-active" href="#">Marketing</a>
						</li>
						<li>
							<a class="bottone-start-list" href="#">Web
                            <acronym>
                            	<div class="acronym-image-top"></div>
                            	<div>website</div>
                            	<div>website</div>
                            	<div>website</div> 
                                <div>website</div>
                                <div>website</div>
                                <div>website</div>
                            </acronym>
                            </a>
						</li>
                        <li>
							<a class="bottone-start-list" href="#">Web Design</a>
						</li>                                                
					</ul>                    
                </div>  
				<div class="cat-fol-start-bottom">
                	<ul class="cat-fol-start-status">
						<li class="enquiries-flag">
							<input id="c1" type="checkbox" name="c1">
							<label for="c1">
							<span></span>
							</label>
						</li>
						<li class="enquiries-testo">
							<div class="cat-fol-en-query">
                                <div class="en-query-testo">keep updated </div>
							</div>
						</li>
                        <li>
							<a class="bottone-add" href="#">Save</a>
						</li>
                    </ul>
                </div>                                  
				<!-- fine contenuti -->
			</div>
			<!-- fine box 1 -->

			
		</div>



<!-- box 2 -->
		
           
<div class="row-fluid">
	<div class="cat-fol-enquiries">
		<!-- titolo -->
			<div class="top-bar">
				enquiries
			<div>
            <a href="#" class="a-icona7 tooltip" title="Nel titolo il testo toltip"></a>
            </div>
            </div>
		<!-- fine titolo -->
		<!-- contenuto -->
			<div class="well-cat-fol-enquiries">
                <div class="cat-fol-enquiries-left">
                	<ul class="cat-fol-enquiries-add">
                		<li>
                			<a class="bottone-add" href="#">ADD</a>
                		</li>
                		<li>
                			<a class="bottone-add" href="#">RENAME</a>
                		</li>
               			 <li>
                			<a class="bottone-add" href="#">DELETE</a>
                		</li>
               		
					</ul>
				<div>
                	<ul class="cat-fol-enquiries-user-list">
                		<li>
                			<a class="cat-fol-enquiries-user"><div class="cat-fol-enquiries-user-icona"></div>Gabbariele</a>
                        </li>
                		<li>
                        	<a class="cat-fol-enquiries-sub-user">Lavoro</a>
                        </li>
                		<li>
                        	<a class="cat-fol-enquiries-sub-user-open"><span class="enquiries-aperto">-</span>Tecnologia</a>
                        </li>
               			<li>
                        	<a class="cat-fol-enquiries-sub-user-close-active"><span class="enquiries-chiuso">+</span>Twitter</a>
                        </li>
                	</ul>                             
				</div>
			</div>
            
            
            
                <div class="cat-fol-enquiries-query">
                	<div>
                    <ul class="enquiries-status">
                    <li class="enquiries-flag">
                        	<input type="checkbox" id="c5" name="c5" />
							<label for="c5"><span></span></label>
                        </li>
                    	
                        <li class="enquiries-title">
                        	<div class="cat-fol-en-query">
                            <div class="en-query-testo">category </div>
                            <div class="en-query-add"><a class="bottone-add" href="#">ADD</a></div>
                        </div>
                        </li>
                            <li class="enquiries-icone">
                        	<div class="cat-fol-en-icone">
                            		
                            </div>
                        </li>
                    </ul>
                    </div>
                    <div>
                    <ul class="enquiries-status">
                    	<li class="enquiries-flag">
                        	<input type="checkbox" id="c6" name="c6" />
							<label for="c6"><span></span></label>
                        </li>
                        <li class="enquiries-testo">
                        	<div class="cat-fol-en-query">
                           		<div class="en-query-testo">business </div>
                            </div>
                        </li>
                        <li class="enquiries-icone">
                        	<div class="en-icone">
                                <div><a class="a-icona-lente " href="#"></a></div>	
                                <div><a class="a-icona-cat-aggiorna" href="#"></a></div>		
                                <div><a class="a-icona-matita" href="#"></a></div>	
                                <div><a class="a-icona-chiudi" href="#"></a></div>
                            </div>
                        </li>
                    </ul>
                    </div>
                    <div>
                     <ul class="enquiries-status-input">
                    	<li class="enquiries-flag">
                        <input type="checkbox" id="c0" name="c0" />
							<label for="c0"></label>
                        </li>
                        <li class="enquiries-testo">
                        	<div class="cat-fol-en-query">
                            	<div class="en-input-name"><textarea class="cat-fol-text-box" name="tweet"></textarea></div>
                            </div>
                        </li>
                        <li class="enquiries-post">
                        <li class="enquiries-icone">
                        	<div class="en-icone">
                            	<div><a class="en-vuoto" href="#"></a></div>	
                                <div><a class="a-icona-disco" href="#"></a></div>
                                <div><a class="en-vuoto" href="#"></a></div>	
                                <div><a class="a-icona-chiudi" href="#"></a></div>
                            </div>
                        </li>
                    </ul>
                    </div>
                	<div>
                     <ul class="enquiries-status">
                    	<li class="enquiries-flag">
                        <input type="checkbox" id="c7" name="c7" />
							<label for="c7"><span></span></label>
                        </li>
                        <li class="enquiries-testo">
                        	<div class="cat-fol-en-query">
                           		<div class="en-query-testo">tecnology </div>
                            </div>
                        </li>
                        <li class="enquiries-icone">
                        	<div class="en-icone">

                                <div><a class="a-icona-lente " href="#"></a></div>	
                                <div><a class="a-icona-cat-aggiorna" href="#"></a></div>	
                                <div><a class="a-icona-matita" href="#"></a></div>	
                                <div><a class="a-icona-chiudi" href="#"></a></div>
                            </div>
                        </li>
                    </ul>
                    </div>
                    
                    
                    
                                                            
                </div>
</div>

                
                <!-- fine contenuto -->
            </div>


<!-- fine box 2 -->
        

<!-- box listen-message -->
<div class="cat-fol-act">
	<!-- titolo -->
	<div class="top-bar">
		active categories
			<div>
            <a href="#" class="a-icona7 tooltip" title="Tips Icon"></a>
            </div>
	</div>
	<!-- fine titolo -->
	<!-- contenuti -->
	<div class="well-cat-fol-act">
			<div class="well-cat-fol-act-head">
					category (followers)
			</div>
			<div class="well-cat-fol-act-line">
				category 1
                <ul class="cat-fol-active-status">
                <li class="enquiries-icone">
					<div class="en-icone">
						<div>
							<a class="a-icona-lente" href="#"></a>
						</div>
					</div>
                </li>
                <li class="enquiries-icone">
					<div class="en-icone">
						<div>
							<a class="a-icona-chiudi-categories" href="#"></a>
						</div>
					</div>
                </li>                
                </ul>
            </div>
			<div class="well-cat-fol-act-line">
				business
                <ul class="cat-fol-active-status">
                <li class="enquiries-icone">
					<div class="en-icone">
						<div>
							<a class="a-icona-lente" href="#"></a>
						</div>
					</div>
                </li>
                <li class="enquiries-icone">
					<div class="en-icone">
						<div>
							<a class="a-icona-chiudi-categories" href="#"></a>
						</div>
					</div>
                </li>                
                </ul>                
			</div>
            
		</div> 
    	<!-- fine contenuti -->
<!-- fine box 3 -->
</div></div>




	</div> 
	<!-- fine Content Container -->


    <script type="text/javascript">


        $(function () {




        });


    </script>




    <div class="dashboard-hover">
        <div>
            <ul class="menu">
                <li class="first">
                    <a class="icon-dashboard link_to" href="#DASHBOARD"><span>Dashboard</span></a>
                </li>

                <li class="second">
                    <a class="icon icon-seo link_to" href="#SEO">Social SEO</a>
                </li>

                <li class="third">
                    <a class="icon icon-schedule link_to" href="#SCHEDULE">Schedule</a>
                </li>
                <li>
                    <a class="icon icon-listen link_to" href="#">Listen</a>

                </li>
                <li class="fourth">
                    <span class="icon icon-twitter link_to" href="#">Twitter CRM</span>
                    <ul class="menu">
                        <li><a class=" link_to" href="#FOLLOWERS">Followers</a></li>
                        <li><a class=" link_to" href="#FOLLOWING">Auto Following</a></li>
                        <li><a class=" link_to" href="#FollowersList">Contacts</a></li>
                    </ul>
                </li>





            </ul>
        </div>
    </div>




    <div id="notification" class="hide">
        <div id="UpPAlert">

            <a href="#" class="notifica-r"><div class="notifica-div">
                <div class="social-line">
                    <img src="http://www.fdnsistemi.it/demo/glouk/img/img-notif.jpg">
                </div>
                <div>
                    <div class="user">
                        <div class="user-mess">@messaggio </div> sent you a <span class="bold">message</span>
                    </div>
                    <div class="post-time">2 minutes ago</div>
                </div> 
            </div></a>

            <a class="notifica-r" href="#"><div class="notifica-div">
                 <div class="social-line">
                    <img src="http://www.fdnsistemi.it/demo/glouk/img/img-notif.jpg">
                </div>
                <div>
                    <div class="user">
                        <div class="user-menz">@menzione </div> <span class="bold">mentioned</span> you
                    </div>
                    <div class="post-time">2 minutes ago</div>
                </div>
            </div></a>
           
             <a href="#" class="notifica-r"><div class="notifica-div">
                <div class="social-line">
                    <img src="http://www.fdnsistemi.it/demo/glouk/img/img-notif.jpg">
                </div>
                <div>
                    <div class="user">
                        <div class="user-mess">@messaggio </div> sent you a <span class="bold">message</span>
                    </div>
                    <div class="post-time">2 minutes ago</div>
                </div> 
            </div></a>

            <a class="notifica-r" href="#"><div class="notifica-div">
                 <div class="social-line">
                    <img src="http://www.fdnsistemi.it/demo/glouk/img/img-notif.jpg">
                </div>
                <div>
                    <div class="user">
                        <div class="user-menz">@menzione </div> <span class="bold">mentioned</span> you
                    </div>
                    <div class="post-time">2 minutes ago</div>
                </div>
            </div></a>
         
             <a href="#" class="notifica-r"><div class="notifica-div">
                <div class="social-line">
                    <img src="http://www.fdnsistemi.it/demo/glouk/img/img-notif.jpg">
                </div>
                <div>
                    <div class="user">
                        <div class="user-mess">@messaggio </div> sent you a <span class="bold">message</span>
                    </div>
                    <div class="post-time">2 minutes ago</div>
                </div> 
            </div></a>

            <a class="notifica-r" href="#"><div class="notifica-div">
                 <div class="social-line">
                    <img src="http://www.fdnsistemi.it/demo/glouk/img/img-notif.jpg">
                </div>
                <div>
                    <div class="user">
                        <div class="user-menz">@menzione </div> <span class="bold">mentioned</span> you
                    </div>
                    <div class="post-time">2 minutes ago</div>
                </div>
            </div></a>
          
           <a href="#" class="notifica-r"><div class="notifica-div">
                <div class="social-line">
                    <img src="http://www.fdnsistemi.it/demo/glouk/img/img-notif.jpg">
                </div>
                <div>
                    <div class="user">
                        <div class="user-mess">@messaggio </div> sent you a <strong>message</strog>
                    </div>
                    <div class="post-time">2 minutes ago</div>
                </div> 
            </div></a>

            <a class="notifica-r" href="#"><div class="notifica-div">
                 <div class="social-line">
                    <img src="http://www.fdnsistemi.it/demo/glouk/img/img-notif.jpg">
                </div>
                <div>
                    <div class="user">
                        <div class="user-menz">@menzione </div> mentioned you
                    </div>
                    <div class="post-time">2 minutes ago</div>
                </div>
            </div></a>
           
             <a href="#" class="notifica-r"><div class="notifica-div">
                <div class="social-line">
                    <img src="http://www.fdnsistemi.it/demo/glouk/img/img-notif.jpg">
                </div>
                <div>
                    <div class="user">
                        <div class="user-mess">@messaggio </div> sent a message
for you
                    </div>
                    <div class="post-time">2 minutes ago</div>
                </div> 
            </div></a>

            <a class="notifica-r" href="#"><div class="notifica-div">
                 <div class="social-line">
                    <img src="http://www.fdnsistemi.it/demo/glouk/img/img-notif.jpg">
                </div>
                <div>
                    <div class="user">
                        <div class="user-menz">@menzione </div> mentioned you
                    </div>
                    <div class="post-time">2 minutes ago</div>
                </div>
            </div></a>
           
            <a class="notifica-r" href="#"><div class="see-all">see all</div></a>
            



            <div>
            </div>


        </div>

    </div>




    <div id="user-menu" class="hide">
        <ul>
            <li><a href="#">Glouk account</a></li>
            <li><a href="#">Social accounts</a></li>
            <li><a href="#">Options</a></li>
            <li><a href="#">Billing</a></li>
            <li><a href="#">Logout</a></li>
        </ul>
    </div>

    <div class="fadingTooltip" id="fadingTooltip" style="z-index: 999; visibility: hidden; position: absolute; font-family: Arial;">
    </div>

    <!-- Footer -->
    <footer class="footer">

        <!-- Footer Container -->
        <div class="container">
        </div>
        <!-- fine Footer Container -->

    </footer>
    <!-- fine Footer -->

</body>

